<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>announcementList公告列表</title>
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/announcementList.css">
    <!--[if gte IE 9]>
    <script src='assets/libs/jquery.js'  type="text/javascript"></script>
    <script src="assets/libs/flexie.js"  type="text/javascript"></script>
    <![endif]-->
    <!--[if IE 9]>
    <style>
        .announcement_img{
            float: left;
        }
        .announcement_data{
            float: left;
        }
        .announcement_list>li:after{
            content:'';
            display: block;
            clear: both;
        }
        .announcement_data{
            width: 908px;
        }
        .announcement_main{
            margin:10px 0;
        }
    </style>
    <![endif]-->
</head>
<body>
    <section>
        <div class="title">公告</div>
        <ul class="announcement_list">
            <li>
                <div class="announcement_img">
                    <img src="" alt="">
                </div>
                <div class="announcement_data">
                    <p class="announcement_tip">Pawoo用户突破20万人纪念活动「来画20岁的帕乌酱吧」获奖者公布</p>
                    <p class="announcement_main">8月底开始，在Pawoo上举办的Pawoo吉祥物拟人插画征集活动「来画20岁的帕乌酱吧」，其获奖者已经被评选出来了。在近1个月的活动征集期间内，我们收到了超过200张应征作品8月底开始，在Pawoo上举办的Pawoo吉祥物拟人插画征集活动「来画20岁的帕乌酱吧」，其获奖者已经被评选出来了。8月底开始，在Pawoo上举办的Pawoo吉祥物拟人插画征集活动「来画20岁的帕乌酱吧」，其获奖者已经被评选出来了。</p>
                    <div class="announcement_bottom">
                        <p class="announcement_date">2017-09-15  摸了个鱼</p>
                        <a class="announcement_other">查看详情</a>
                    </div>
                </div>
            </li>
            <li>
                <div class="announcement_img">
                    <img src="" alt="">
                </div>
                <div class="announcement_data">
                    <p class="announcement_tip">Pawoo用户突破20万人纪念活动「来画20岁的帕乌酱吧」获奖者公布</p>
                    <p class="announcement_main">8月底开始，在Pawoo上举办的Pawoo吉祥物拟人插画征集活动「来画20岁的帕乌酱吧」，其获奖者已经被评选出来了。在近1个月的活动征集期间内，我们收到了超过200张应征作品8月底开始，在Pawoo上举办的Pawoo吉祥物拟人插画征集活动「来画20岁的帕乌酱吧」，其获奖者已经被评选出来了。8月底开始，在Pawoo上举办的Pawoo吉祥物拟人插画征集活动「来画20岁的帕乌酱吧」，其获奖者已经被评选出来了。</p>
                    <div class="announcement_bottom">
                        <p class="announcement_date">2017-09-15  摸了个鱼</p>
                        <a class="announcement_other">查看详情</a>
                    </div>
                </div>
            </li>
        </ul>
    </section>
    <script src='assets/libs/jquery.js'  type="text/javascript"></script>
    <script  type="text/javascript">
       $(function(){
           $('.announcement_main').each(function(){
               var maxwidth=100;//限制字数
               if($(this).text().length>maxwidth){
                   $(this).text($(this).text().substring(0,maxwidth));
                   $(this).html($(this).html()+'…');
               }
           });
       })
    </script>
</body>
</html>